<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es_ES" lang="es_ES" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	
		<title>Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</title>
	
		<meta name="author" content="Runroom http://www.runroom.com" />
		<meta name="language" content="es_ES" />
		<meta http-equiv="content-style-type" content="text/css" />
		<meta http-equiv="content-script-type" content="text/javascript" />
		<meta name="robots" content="index,follow" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />

		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

		<!-- hojas de estilo //-->
<!-- 
		<link media="all" rel="stylesheet" href="css/pre-v3.css">
 -->
		<link media="all" rel="stylesheet" href="css/styles.css" />
		<link media="all" rel="stylesheet" href="css/custom.css" />
		<link media="all" rel="stylesheet" href="css/qp-v3.css" />

		<!-- conditional comment: CSS para Explorer 7 y menor //-->
			<!--[if lte IE 7]>
				<link rel="stylesheet" href="css/ie7menos.css" />
			<![endif]-->
	
		<!-- incluir scripts //-->
		<script type="text/javascript" src="js/jquery.tools.min.js"></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/jquery.periodicalupdater.js"></script>
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=ABQIAAAAzClpJywkGASi3cdCCxdvnBRyVQWqmkHGDTi57WK1YtyDytrQIhQNeQ5HGi7cnaGyd90vRPydCOgxrA&amp;sensor=false&amp;language=es_ES&amp;v=3.1&amp;region=ES"></script>
		<script type="text/javascript" src="js/json2.js"></script>
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/locationSelector.js"></script>
		<script type="text/javascript" src="js/jquery.flip.min.js"></script>
		<script type="text/javascript" src="js/jquery.countdown.js"></script>
		<script type="text/javascript" src="js/jquery.countdown-es_ES.js"></script>
		<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
		<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
		<script type="text/javascript" src="js/localscroll.js"></script>
		<script type="text/javascript" src="js/jquery.curvycorners.min.js"></script>
		<script type="text/javascript" src="js/jquery.fullscreenr.js"></script>	
		<script type="text/javascript" src="js/qp_tabs.js"></script>
		<script type="text/javascript" src="js/jquery.Jcrop.min.js"></script>
		<script type="text/javascript" src="js/fileuploader.js"></script>
		<script type="text/javascript" src="js/s3Capcha.js"></script>
		<script type="text/javascript" src="js/feeds.js"></script>
		<script type="text/javascript" src="js/feeds_home.js"></script>
<!-- 
		<script type="text/javascript" src="js/headerscripts.js"></script>
 -->
		<!-- end incluir scripts //-->

	</head>
	
	<body>
		<a name="top"></a>
		<div id="fb-root"></div>
	
		<noscript>
			<div id="aviso_js">
				<p>Lo sentimos, pero esta web sólo funciona con Javascript activado.</p>
			</div>
		</noscript>

		<!-- conditional comment: aviso para Explorer 6 y menor //-->
			<!--[if lte IE 6]>
				<div id="aviso_ie">
					<p><strong>Hemos detectado que utilizas Internet Explorer 6</strong>, un navegador obsoleto, con problemas de seguridad y compatibilidad conocidos.</p>
					<p>Recomendamos que actualices tu navegador <a href="http://www.browserchoice.eu">en la web de browserchoice.org, haciendo clic aquí</a></p>
				</div>
			<![endif]-->

		<div class="header">
			<div class="session-links">
				<a title="Accede a tu cuenta Qporama" href="registro">Inicia sessión</a>
				<a title="Crea una cuenta Qporama" href="registro">Regístrate</a>
			</div> <!-- / .social-links -->	
			
			<div class="social-links">
				<a title="Visita la página Facebook de Qporama" class="facebook" href="facebook"><span>facebook</span></a>
				<a title="Visita la página Twitter de Qporama" class="twitter" href="twitter"><span>twitter</span></a>
			</div> <!-- / .social-links -->	
	
	
			<h2 class="logo_claim">
				<a class="logo" name="top" title="volver a la página de inicio" href="index.html">
					<span class="hidden">Qporama: Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</span>
				</a>
			</h2>
			<h1 class="claim">
				Conecta con tus <strong>marcas</strong> favoritas y <br />accede a <strong>regalos</strong> y ofertas <strong>exclusivas</strong>
			</h1>
		</div> <!-- / .header -->
			
		<div class="fondo-pagina">
			<img id="bgimg" src="images/canales/barcelona.jpg" alt="" />
			<div class="gradient">&nbsp;</div>
		</div>


		<div class="buscar">
			<form action="#" method="get">
				<p class="fondo-input-buscar l"><input type="text" id="buscar" value="Busca un negocio o una oferta" /></p>

				<ul class="fondo-select selecciona-categoria">
					<li class="catselector-link" onclick="$('#CatSelector').slideToggle('fast');">Selecciona una categoría
						<ul id="CatSelector">
							<li><a title="Moda y Complementos" href="#">Comer y beber</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
						</ul>
					</li>
				</ul>

				<p class="fondo-select l" style="position: relative; left: -2px; z-index: 0;"><input type="text" id="location_selector_ciudad" value="Barcelona" /> <small><a id="location_selector_ciudad_cambiar" href="javascript:;">[cambiar]</a></small></p>
				<p class="boton secundario grande l"><input type="submit" value="buscar" /></p>
			</form>
		</div> <!-- cerrar buscar //-->

<!-- aqui empieza el div class="page -->

<div class="page">

<!-- columna de contenido lateral //-->
<div class="c-320"> 

<!-- aqui se ponen los modulos de la izquierda -->
	<!-- caja siguenos en redes sociales -->
	<div class="caja c320 r10 f1f1f1">
		<div class="content">
			<p class="pqarial latboxtitle">Síguenos en facebook, twitter y foursquare</p>
				<ul class="socials m-20px">
					<li><a title="sígue a qporama en facebook" href="#" class="sn-facebook">facebook</a></li>
					<li><a title="sígue a qporama en twitter" href="#" class="sn-twitter">twitter</a></li>
					<li><a title="sígue a qporama en foursquare" href="#" class="sn-foursquare">foursquare</a></li>
				</ul>
		</div> <!-- cerrar content //-->
		<div class="cierre blanco"></div>
	</div> <!-- cerrar caja //-->

	<hr style="visibility: hidden;" />

	<!-- PUBLICIDAD CANAL GRANDE CLARO //-->
	<div class="caja c320 r10 f1f1f1">
		<div class="content canal">
			<p class="latboxtitle">Especial Pascua 2011</p>
			<div class="latpub m-20px">
				<h3>Ofertas de Pascua</h3>
				<p class="peque"><a class="generic" href="#">Ofertas especiales de Pascua en Qporama</a></p>
				<p class="imagen"><img src="images/canales/publi-pasqua-2011.jpg" alt="" /></p>
				<p class="peque">Quisque eu dolor nec leo condimentum aliquet. Sed gravida mattis elit, sit amet ultrices enim sollicitudin pharetra. Suspendisse tristique ligula.</p>
			</div> <!-- cerrar latpub //-->
		</div> <!-- cerrar content //-->
		<div class="cierre blanco"></div>
	</div> <!-- cerrar caja //-->

	<hr style="visibility: hidden;" />

	<!-- PUBLICIDAD CANAL PEQUENO CLARO //-->
	<div class="canal mini">
		<p class="canal-tag"><span>CANAL</span></p>
		<div class="latpub">
			<img src="images/canales/san-valentin-claro.png" alt="" />
			<h3>Ofertas de San Valentin</h3>
			<p class="peque"><a class="generic" href="#">Descubre ofertas de San Valentin</a></p>
		</div> <!-- cerrar latpub //-->
	</div> <!-- cerrar canal //-->

	<hr style="visibility: hidden;" />

	<!-- PUBLICIDAD CANAL GRANDE OSCURO //-->
	<div class="caja c320 r10 oscuro">
		<div class="content canal">
			<p class="latboxtitle">CANAL</p>
			<div class="latpub m-20px">
				<h3>Ofertas de Pascua</h3>
				<p class="peque"><a class="generic" href="#">Ofertas especiales de Pascua en Qporama</a></p>
				<p class="imagen"><img src="images/canales/publi-pasqua-2011.jpg" alt="" /></p>
				<p class="peque">Quisque eu dolor nec leo condimentum aliquet. Sed gravida mattis elit, sit amet ultrices enim sollicitudin pharetra. Suspendisse tristique ligula.</p>
			</div> <!-- cerrar latpub //-->
		</div> <!-- cerrar content //-->
		<div class="cierre"></div>
	</div> <!-- cerrar caja //-->

	<hr style="visibility: hidden;" />

	<!-- PUBLICIDAD CANAL PEQUENO OSCURO //-->
	<div class="canal mini oscuro">
		<p class="canal-tag"><span>CANAL</span></p>
		<div class="latpub">
			<img src="images/canales/san-valentin-oscuro.png" alt="" />
			<h3>Ofertas de San Valentin</h3>
			<p class="peque"><a class="generic" href="#">Descubre ofertas de San Valentin</a></p>
		</div> <!-- cerrar latpub //-->
	</div> <!-- cerrar canal //-->
</div> <!-- cerrar columna de 320px de ancho //-->

<!-- columna de contenido principal //-->
<div class="c-620">

	<!-- caja de cabecera de contenido. puede variar en cada pagina //-->
	<div class="caja c620 f1f1f1 unido-top">
		<div class="content">
			<h2 class="titulo-principal">Barcelona</h2>
			<p class="soft"><small> &nbsp; <!--a href="#mapa">[ver mapa]</a //--></small></p>
		</div> <!-- cerrar content //-->
	</div> <!-- cerrar unido-top //-->

	<div class="caja c620 unido-bot">
		<div class="content"><!-- Los Tweets //-->
			<div id="feeds" class="home"></div><!-- Cerrar feeds -->
		</div><!-- cerrar content //-->
		<div class="cierre"></div>
	</div> <!-- cerrar caja //-->

	<div class="clear"></div>

	<div class="vermas">
		<p><a title="ver más resultados" href="#" onclick="update_more_bt(2);return false;">más</a></p>
	</div>

</div> <!-- cerrar columna //-->
<div class="clear"></div>

</div>
<!-- cerrar page //-->

<div id="gototop">
	<p><a href="#top">volver arriba</a></p>
</div>

</body>
</html>